import React from 'react';
import {
    Dimensions,
    StyleSheet, View
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
import { jsTypeToCppType } from "react-native/ReactCommon/hermes/inspector/tools/msggen/src/Converters";
export const Styles = StyleSheet.create({
    container: {
        flex: 1,
        width: width,
        height: createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#f7f7f7'
    },
    beishu_input: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        borderWidth: 0.5,
        borderColor: '#cccccc',
        height: 30,
        marginLeft: 5,
        marginRight: 5,
    },
    tab: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        width: 55,
        height: 25,
        borderColor: '#878787',
        borderWidth: 0.5,
        borderRadius: 3,
        margin: 12,
        textAlign: 'center',
        lineHeight: 25,
        color: '#333333',
        fontSize: 12
    },
    tab_on: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        width: 55,
        height: 25,
        borderColor: '#d0162e',
        backgroundColor: '#d0162e',
        borderWidth: 0.5,
        borderRadius: 3,
        margin: 12,
        textAlign: 'center',
        lineHeight: 25,
        color: '#ffffff',
        fontSize: 12
    },
    guanzhu: {
        fontSize: 12,
        color: '#d0162e',
        borderColor: '#d0162e',
        borderWidth: 0.5,
        borderRadius: 3,
        paddingTop: 5,
        paddingBottom: 5,
        paddingLeft: 10,
        paddingRight: 10
    },
    guanzhu_on: {
        backgroundColor: '#d0162e',
        fontSize: 12,
        color: '#ffffff',
        borderColor: '#d0162e',
        borderWidth: 0.5,
        borderRadius: 3,
        paddingTop: 5,
        paddingBottom: 5,
        paddingLeft: 10,
        paddingRight: 10
    },
    th: {
        fontSize: 12, 
        color: '#969696', 
        width: (width - 24) / 4, 
        paddingTop: 5,
        paddingBottom: 5, 
        textAlign: 'center',
        backgroundColor:'#f7f7f7',
        borderTopColor:'#e8e8e8',
        borderTopWidth:0.5,
        borderRightColor:'#e8e8e8',
        borderRightWidth:0.5,       
    },
    td: {
        fontSize: 12, 
        width: (width - 24) / 4, 
        borderTopColor: '#e8e8e8', 
        borderTopWidth: 0.5, 
        borderRightColor:'#e8e8e8',
        borderRightWidth:0.5,  
        flexDirection: 'column', 
        justifyContent: 'center', 
        alignItems: 'center',
        height: 70
    }
});
module.exports = Styles;
